@import '@unocss/reset/tailwind-compat.css';
@import './font/iconfont.css';

:root {
  --color: rgba(235, 235, 235, 1);
  --border: 1px solid rgba(235, 235, 235, 1);
  --blue: rgb(14, 66, 210);
  --grey: #f8fafa;
  --red: #e54949;
  --green: #84c56a;
  --yellow: #e8924b;
  --menu-width: 220px;
  --header-height: 50px;
  --content-height: calc(100vh - 15px);
  --index-body-height: calc(100vh - 200px);
  --detail-content-height: calc(100vh - 138px);
  --primary-6: var(--blue) !important;
  --blur-bg-color: rgba(255, 255, 255, 0.5);
  --blur-size: 12px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
  font-size: 13px !important;
	background: #f3f3f3;
	font-family: "Source Han Sans-Normal";
	color: #333;
	padding-right: 0 !important;
}

i {
	font-style: normal;
}

/* 设置滚动条轨道的宽度 */
::-webkit-scrollbar {
	width: 5px !important;
	height: 5px !important;
	border-radius: 6px !important;
	&:hover {
		&::-webkit-scrollbar-thumb {
			background: var(--scroll-color);
		}
	}
}

/* 设置滚动条轨道的颜色 */
::-webkit-scrollbar-track {
	background: transparent !important;
	border-radius: 5px; /* 设置轨道的圆角 */
}

/* 设置滚动条滑块的颜色 */
::-webkit-scrollbar-thumb {
	transition: 0.8s;
	border-radius: 5px; /* 设置轨道的圆角 */
	background: #eee;
}

.btn-list {
	text-align: center;
	.item {
		padding: 8px 0;
		cursor: pointer;
		&:hover{
			background: #f1f1f1;
		}
	}
	button{
		margin: 0 !important;
	}
}


